<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习CSS</title>
		
		<style>
		    /* 引入样式表 CSS2语法 先html后css */
			@import url(css/学习CSS.css);
			/* 内部样式表：效果
			 所有P元素添加背景颜色：黄色
			 选择器：抓取页面元素，统一添加
			 */
			p{
				background-color: yellow
			}
		</style>  
	<!-- /* 外部样式表 href="相对路径+xxx.css" 将css代码写在外部
	   link元素可以创建多个，必须平行
	*/ -->
	    <link rel="stylesheet" href="" />
	<span>今天</span>是周四,<span>明天</span>是周五,<span>后天</span>放假
	</head>
	<body>
		<!-- 一.什么是CSS？ 
		     Cascading Style Sheets  层叠样式表，级联样式表，简称 样式表
			 【主要做元素效果
			 html5   元素   属性与属性值--效果
			 css     控制任何元素  简洁，推荐使用css代替html元素中属性与属性值
			 】
			 功能：实现内容与表现分离【html结构层   css样式层】
			 二.使用CSS3样式表【效果、布局】
			    ①内联[级联]样式表：[不用]
				②内部样式表:在head元素中添加style元素，CSS3语法[练习专用]
				③外部样式表:在head元素中 link外链 [项目专用]
				④引入样式表[css2]:在head元素中添加@impo()[不用]
			 三.CSS3基础语法
			    选择器{
					属性: 属性值;
				}
				重点：学习选择器使用--抓页面元素
				      CSS属性与属性值：边框、盒模型、浮动、文本元素样式、动画...
		-->
		<p align="center">lorem</p>
		<p align="center">lorem</p>
		<!-- ①内联样式表：style="属性:属性值;" -->
		<p style="text-align: center;color: red;">lorem</p>
		<p align="center">lorem</p>
		<p align="center">lorem</p>
	</body>
</html>